<template>
  <div id="app">
    <Layout>
      <template #left>
        <SiteAside />
      </template>
      <div class="main">
        <router-view></router-view>
      </div>
    </Layout>
    <ToTop />
  </div>
</template>

<script>
import ToTop from "@/components/ToTop/index.vue";
import SiteAside from "@/components/SiteAside/index.vue";
import Layout from "@/components/Layout";
export default {
  name: "App", // 如果在组件没有在注册的时候没有指定名字，则使用该名字
  components: {
    Layout,
    SiteAside,
    ToTop,
  },
  data: () => ({}),
  methods: {},
};
</script>
<style lang="less" scoped>
@import "~@/assets/style/mixin.less";
#app {
  .pos-fill(fixed);
  .main {
    width: 100%;
    height: 100%;
  }
}
</style>
